91久久国产婷婷一区二区丨亚洲综合无码一区二区三区不卡丨超caopor在线公开视频丨国产精品乱码久久久久久久久丨日韩a片无码一区二区三区电影丨www.亚洲com丨动漫精品无码视频一区二区三区丨一道本视频在线观看丨五月天三级丨国户精品久久久久久久久久久不卡丨男女作爱bbbbbbbbb丨亚洲综合色成在线观看丨国产美女久久精品香蕉69丨黑人大群体交免费视频丨成人无码视频在线观看网址丨久久久1丨我想看一级黄色毛片丨精品一区久久丨www黄色网址丨911久久香蕉国产线看观看

A5創業項目春季招商 好項目招代理無憂

人是視覺動物，人腦加工或接受的信息中幾乎90%都是視覺類的。這也是為什么大家常說一圖頂千言。在很多情況下，相對于復雜的文本，圖片在傳遞信息上更為迅速和簡單。網站中設計師經常使用圖片來擴大網站的表現力，創造出色的UI界面，拉近與訪客之間的互動。不過近來越來越多的設計師開始傾向于使用插圖，這是因為插圖在所有的圖片之中是最有表現意味的。在網站中使用插圖可以使枯燥的文本更加有趣，可以讓UI界面更有畫面感，激發訪客的興趣。與此同時，網站信息內容的闡述與傳遞也更加直觀、生動，有利于提升用戶體驗。因此，在今天這篇文章中，小飛將向大家介紹一下什么是插圖以及如何應用插圖做好UI界面設計。快來一起看看吧!

插圖

插圖其實是插畫的俗稱，原指我們平時看的報紙、雜志、報刊的文字中所添加的圖畫，現已成為現代設計中的一種重要的視覺傳達方式，廣泛的應用于多個領域之中，如商業活動、網站設計、文化事業等。插圖用英語來說是illustration，這其實是由拉丁文illustraio演變而來，意指照亮，也就是說插圖可以使文字更加明確清晰。除此以外，它還能夠增加文字的趣味性，讓文字給用戶留下更生動的印象，增強藝術的感染力。在網頁設計之中，插圖正成為一個功能性的元素。它作為設計師與用戶交流溝通的工具，正通過視覺元素有效率地闡述、傳遞信息。如果說文字可以告知訪客某種信息，那么插圖就能將這些信息展示給訪客看。不過如果想要充分發揮插圖的功能，我們在使用時還必須遵循兩個準則：一是插圖要易于辨認;二是插圖可以為不同語境、不同文化的訪客所解讀，不出現歧義等現象。

下面是小飛總結的網站中插圖的不同使用情境，并分析了一些完成度比較高的栗子，希望大家可以借鑒并有所收獲。

在主頁上使用插圖

優秀的網頁設計常常需要給訪客或者說潛在用戶留下深刻的印象，這是因為人們總是基于網站的質量來評判一個公司的好壞。這聽上去可能有點殘酷，但事實就是如此。主頁是一個網站的門面，決定著訪客對網站的第一印象，而第一印象往往是是視覺上的，因此不少用戶在主頁上使用插圖。在網站的主頁使用插圖能夠給整個網站帶來更多的藝術美感、讓主頁更加生動活潑。這些主頁插圖還能夠激發用戶的想象力，在用戶和網站之間建立一定的聯系。除此以外，獨一無二的插圖還可以將你的網站與一眾競爭對手區別開來，形成更強的品牌號召力。

Intercom就是一個栗子。在它的首頁，如果僅靠"Communicating with customers shouldn't be this hard"和"With Intercom it's simple，personal， and fun for everyone"這兩句話無法形成強烈的對比，難以激起訪客的興趣。因此，Intercom使用了插圖，模擬"你"和用戶的溝通方式，老方法和新方法之間的優劣一目了然，直觀的展示了自己產品的優勢所在。這種貼心的講解更有利于吸引訪客，將訪客轉化成用戶。

在不同頁面上使用插圖如吉祥物

吉祥物是插圖的一種，它常作為商品標志和企業形象的代表。在網站中使用吉祥物可以帶來很多好處。吉祥物以其強大的親和力和趣味性能夠很快贏得訪客們的信任，建立訪客與網站之間的情感紐帶;可以讓交互過程更生動，更能維持用戶的注意力。而且，對于訪客來說這種圖形元素絕對是鮮活的，是能夠給他們贏下深刻印象的。

使用吉祥物提升用戶體驗最出名的一個網站就是Mailchimp，前面小飛在談出色的404頁面設計和CTA按鈕中也有提到這個網站。Mailchimp是一家提供電子郵箱營銷服務的網站，它的吉祥物一只叫做Freddie的可愛猩猩。一方面，Freddie身背郵差包，肩負傳統郵遞員的重責，突出了網站的主題，與品牌形象相吻合。另一方面，Freddie這個吉祥物可大可小，能出現在網站的不同頁面上，充分發揮各種作用，比如引導訪客前往某個區塊或是僅僅娛樂訪客，讓用戶體驗更加愉悅。

在教程上使用插圖

插圖很大的一個特征就是在于讓枯燥的文字富有生機，用簡單的圖片解釋復雜的概念。這一點對于網站中的一些教程或是指導手冊來說簡直就是福音。網站中的教程和指導手冊通常都是長篇大論、乏味無趣的，而增加插圖可以極大的化解這個問題，提供給訪客更多的視覺信息，減輕閱讀負擔，讓他們更有了解詳情的欲望，這樣的用戶界面看起來也會更加賞心悅目。如果你并沒有合適的插圖可以用來講解教程，動畫效果也是比較好的選擇。

下圖就是一個App的用戶界面。當用戶登入時，這會出現一些關于軟件安全信息的指導，好讓用戶對軟件更加信任。你可以看見這些信息并不是純文本的，而是與插圖相結合的。這些關于"信用卡、盾牌、賬單"的插圖讓信息更加直觀易懂，更能吸引訪客停駐瀏覽。這個App的用戶界面還使用了卡片式設計，整體設計布局很是整潔大方。從這我們也可以看出，當插圖和極小的用戶界面(如手機界面)結合起來優勢更加明顯，插圖既能傳遞一定的視覺信息，又不會侵占其他元素發揮的空間。

在獎勵界面使用插圖

獎勵界面可能在游戲軟件中最為常見，幾乎所有的游戲都設有一定的關卡，當你通過一定數量的關卡，就能夠獲得某種成就或獎項。而不少設計師就在獎勵頁面使用一些插圖，注重引起用戶情感上的互動。比如下圖中Foursquare在獎勵頁面使用了一個市長勛章。這能給用戶很大的鼓勵，同時營造一種感覺，讓他們覺得手機屏幕的那一端并不是機器，而是活生生的人。另外，這種插圖可以帶來積極情緒，當訪客受到這種情緒的影響時，常常會忽略網站上的一些缺點。

在網站中我們同樣可以使用插圖鼓勵用戶。比如，當用戶完成注冊登錄時，可以獲得一份禮包或者是其他獎勵等等，幫助營造用戶的積極情緒，或是在用戶完成購買后贈送積分或抽獎環節，不少商城網站早已在使用這一技巧了。

從上述的栗子中，我們可以看出，插圖是提升用戶體驗，讓用戶界面更具吸引力一項強有力的工具。盡管在網站中使用插圖還沒有形成一套完整的規則體系，但有一點是毋庸置疑的：插圖一定要價值。網站中各種元素的使用都應該服務于一定的目的，插圖也是如此。只有這樣，插圖才能發揮自己在網站中的益處，給公司產品或品牌賦予深刻的認識。快在自己的網站中使用插圖吧!快來起飛頁自助建站平臺（http://www.qifeiye.com/?t_wd=a5）做一個網站吧!